<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="ThemeBucket">
  <link rel="shortcut icon" href="#" type="../image/png">
  <title>Demo</title>
  <!--data table-->
  <link rel="stylesheet" href="../js/data-tables/DT_bootstrap.css" />


</head>
<body class="sticky-header" onload="indexmenu('${oneMenu}','${twoMenu}');">
<%@ include file="../index/index.jsp" %>
<section>
	<div class="main-content">

        <!-- 地址栏-->
		<div class="page-heading">
            <h3>
                	后台管理系统
            </h3>
            <ul class="breadcrumb">
                <li>
                    <a href="#">商城管理</a>
                </li>
                <li class="active">商品类别管理管理</li>
            </ul>
        </div>   
		<!--这里是写一些内容的  -->
		<div class="row">
	        <div class="col-sm-12">
	        	<section class="panel">
		        	<div class="panel-body">
		        		<div class="adv-table">
		      				<div id="dynamic-table_wrapper" class="dataTables_wrapper form-inline" role="grid">
		        				<button class="btn btn-success" type="button" data-toggle="modal" data-target="#addStyle">新增商品类别</button>
		        				<div class="span6">
		        					<h4>商品类别列表:</h4>
		       		 			</div>
		       				</div>
		       				<!--表格开始  -->
			       			<table class="display table table-bordered table-striped dataTable table-hover" id="dynamic-table" aria-describedby="dynamic-table_info">
			        			<thead>
						        	<tr role="row">
						        		<th class="sorting" role="columnheader" tabindex="0" aria-controls="dynamic-table" rowspan="1" colspan="1" style="width: 50px;" aria-label="Rendering engine: activate to sort column ascending">商品类别id</th>						        	
						        		<th class="sorting" role="columnheader" tabindex="0" aria-controls="dynamic-table" rowspan="1" colspan="1" style="width: 100px;" aria-label="Rendering engine: activate to sort column ascending">类别名称</th>		
						        		<th class="sorting" role="columnheader" tabindex="0" aria-controls="dynamic-table" rowspan="1" colspan="1" style="width: 100px;" aria-label="Rendering engine: activate to sort column ascending">
						        			<select>
						        				<option>上级类别</option>
						        				<option>成品帘</option>
												<option>配件</option>						        				
						        			</select>
						        		</th>					        		
						        		<th class="sorting" role="columnheader" tabindex="0" aria-controls="dynamic-table" rowspan="1" colspan="1" style="width: 183px;" aria-label="Rendering engine: activate to sort column ascending">编辑</th>
						        	</tr>
						        </thead>
							    <tbody role="alert" aria-live="polite" aria-relevant="all">
							    	<c:forEach var="map" items="${maps}">
							        	<tr class="gradeA even" data-toggle="modal" data-target="#addStyle">
								            <td class="">${map.id}</td>			           				
								            <td class="">${map.body}</td>	
								            <td class="">${map.type}</td>								        
								          	<td class="">
								          		<button class="btn btn-info" type="button" data-toggle="modal" data-target="#addStyle">修改</button>						      
								          	</td>						            
								        </tr>							    		
							    	</c:forEach>
							  	</tbody>
							</table>
							<!-- 表格结束 -->
						</div>
					</div>
        		</section>
        	</div>
       </div>

       <!-- 查看详情的模态框 -->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		  <div class="modal-dialog">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
		        <h4 class="modal-title" id="myModalLabel">修改风格</h4>
		      </div>
		      <div class="modal-body">
		       <!--这是模态框内容  -->
		       
				<form id="activityT" class="form-horizontal" role="form">
				  <div id="styleStyle" class="form-group">
				  	<!-- 活动id和活动状态 -->
				  	<input type="hidden" id="styleId" name="styleId">
				    <label  class="col-sm-2 control-label">风格名称</label>
				    <div class="col-sm-10">
				      <input type="text" class="form-control" placeholder="风格名称" id="styleName" name="styleContent">
				    </div>
				  </div>			 	
				</form>
		       
		       <!-- 这是模态框内容结束 -->
		      </div>
		      <div class="modal-footer">    <!-- 按钮黑色 btn-primary -->
		        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
		        <button type="button" class="btn btn-default" data-dismiss="modal" onclick="saveStyle()">保存</button>
		      </div>
		    </div>
		  </div>
		</div>       
       
		<!-- 模态框结束 -->
       <!-- 增加新活动模态框 -->
		<div class="modal fade" id="addStyle" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		  <div class="modal-dialog">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
		        <h4 class="modal-title" id="myModalLabel">增加新风格</h4>
		      </div>
		      <div class="modal-body">
		       <!--这是模态框内容  -->
		       
				<form id="addStyleII" class="form-horizontal" role="form">
				  <div id="activityName" class="form-group">
				    <label  class="col-sm-2 control-label">风格名称</label>
				    <div class="col-sm-10">
				      <input type="text" class="form-control" placeholder="风格名称" id="styleName" name="styleContent">
				    </div>
				  </div>
				</form>
		       
		       <!-- 这是模态框内容结束 -->
		      </div>
		      <div class="modal-footer">    <!-- 按钮黑色 btn-primary -->
		        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
		        <button type="button" class="btn btn-default" data-dismiss="modal" onclick="addStyle()">保存</button>
		      </div>
		    </div>
		  </div>
		</div>       
       
		<!-- 模态框结束 -->




	</div>
</section>


</body>
</html>
